export function genshinLaunch() {
    // 原神，启动！
    // CSS
    const elm_style = document.createElement("style");
    elm_style.innerHTML = `
                :root{
                    --img0: url('');
                    --img1: url('');
                    --img3: url('');
                }

                #genshinLaunch {
                    display: block;
                    position: fixed;
                    width: 100vw;
                    height: 100vh;
                    top: 0;
                    left: 0;
                    z-index: 1000000000;
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-color: #fff;
                    animation-name: launch;
                    animation-duration: 3s;
                    animation-fill-mode: forwards;
                }
                @keyframes launch {
                    30% {
                        background-image: var(--img0);
                    }
                    40% {
                        background-image: var(--img1);
                    }
                    90% {
                        background-image: var(--img1);
                    }
                    100% {
                        background-image: var(--img3);
                    }
                }
    `;
    document.head.appendChild(elm_style);

    // 启动画面
    const elm_div = document.createElement("div");
    elm_div.id = "genshinLaunch";
    document.body.appendChild(elm_div);

    //结束
    setTimeout(() => {
        document.body.removeChild(elm_div)
    }, 5000)
}

